<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta charset="utf-8">
<meta name="viewport" content="width=300, minimum-scale=1.0, maximum-scale=1.0"/>
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="format-detection" content="telephone=yes"/>
<title>茅台物联网云商二维码系统</title>
<link rel="stylesheet" href="css/idangerous.swiper.css" />
<style>
*{font-family:"微软雅黑";margin:0;padding:0;-webkit-tap-highlight-color:rgba(255,0,0,0);text-decoration:none;font-style:normal;}
body {
	margin: 0;
	font-family: Arial,
	Helvetica,
	sans-serif;
	font-size: 13px;
	line-height: 1.5;
	background-size:cover;background-repeat:no-repeat;background-position:center center;display:block;
	background-color:#fff;
}
.bgMusic{width:30px;height:30px;position:fixed;top:15px;right:15px;z-index:1000}
.bgMusic img{width:30px;height:30px;position:fixed;top:15px;right:15px;z-index:1000}
.demo{width:100%;height:80%;overflow:hidden}
.swiper-wrapper{width:100%;}
.swiper-slide{
	position: relative;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.swiper-slide i{background-size:cover;background-repeat:no-repeat;background-position:center center;display:block;overflow:hidden;}
.signUp{width: 100%;max-width:600px;min-width:280px;margin:0 auto;margin-top: 22%;}
.signUp-item{width: 80%;margin:0 auto;margin-bottom:2px;}
.signUp-item-title{color:#ffaf33;margin-bottom:2px;font-size:18px;}
.signUp-item-content{}
.signUp-item-text{width:100%;height:36px;background:#e5a55d;border:2px solid #a10835;border-radius:10px;display:block;}
.signUp-item-text input{border:none;background:none;width:96%;height:32px;padding:2px 2%;outline:none;color:#a40035;font-size:16px;}
.signUp-button{width: 100px;height: 44px;line-height: 44px;font-size: 18px;display: block;margin: 18px auto;
text-align:center;color:#a40035;border-radius:10px;display:block;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fcc05b), color-stop(1, #f89702));
background: -ms-linear-gradient(top, #fcc05b, #f89702);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcc05b', endColorstr='#f89702', GradientType='0');}

.signUpS .signUp-item{width: 70%}
.signUpS .signUp-item-title{margin-bottom:0;font-size:14px;}
.signUpS .signUp-item-text{height: 32px;}
.signUpS .signUp-item-text input{height:28px;padding:2px 2%;}
.signUpS .signUp-button{width: 80px;height: 32px;line-height: 32px;font-size: 16px;display: block;margin: 8px auto;}

.gesture{width:115px;position:absolute;bottom:50px;left:50%;opacity:0;margin-left:-60px;-webkit-animation:gestureDemo 1.2s;-webkit-animation-iteration-count:100;}
@-webkit-keyframes gestureDemo
{
from {bottom:50px;opacity:0}
to {bottom:100px;opacity:1}
}
.upArrow{width:18px;position:fixed;bottom:5px;left:50%;margin-left:-9px;z-index:10; opacity:0;-webkit-animation:upArrowDemo 0.5s;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:alternate;}
@-webkit-keyframes upArrowDemo
{
from {opacity:0;}
to {opacity:1;}
}
.map{position: absolute;left: 10%;top: 46.5%;width:60%;height:50px;line-height:40px;text-align:center;border-radius:5px;display:block;margin:10% auto;}
.tel{position: absolute;left: 32%;top: 61%;width:60%;height:50px;line-height:40px;text-align:center;border-radius:5px;display:block;margin:10% auto;}
.Start{width:100%;height:100%;background:url(images/bg2.jpg) no-repeat;background-size:cover;background-position:center center;position:fixed;top:0;left:0;z-index:1000;}
.Start-zhiwen{position:fixed;top:50%;left:50%;width:130px;height:130px;margin-left:-65px;margin-top:-65px;}
.Start-zhiwen-block{position:relative;}
.Start-zhiwen-block img{width:130px;}
.finger_line{position:absolute;bottom:-50px;left:0;display:none;}
.Start-zhiwen-info{position:absolute;top:-40px;left:0;width:130px;text-align:center;color:#fff;display:none;font-size:16px;}
.bgMusic-block{position:relative;}
.music-bg{position:fixed;top:0;right:0;width:40px;height:40px;z-index:999;}
.bgMusic-img{-webkit-animation:bgMusicDemo 1.2s linear infinite;}
@-webkit-keyframes bgMusicDemo
{
from {-webkit-transform:rotate(0deg);}
to {-webkit-transform:rotate(360deg);}
}
</style>

</head>

<body>
<img src="images/logo.jpg" style="position:fixed;left:0;top:0;opacity:0;z-index:-3;" />
<img src="images/loading.gif" style="width:74px;height:94px;position:fixed;top:50%;left:50%;margin:-47px 0 0 -37px;z-index:-1;" id="loading" />
<!--<div class="Start" style="opacity:0;">
	<div class="Start-zhiwen" id="div1">
    	<div class="Start-zhiwen-block">
            <img src="images/zhiwen2.png" />
            <img src="images/finger_line.png" class="finger_line" />
            <div class="Start-zhiwen-info">扫描中……</div>
        </div>
    </div>
</div>-->
<!--Start-->

<div class="bodyBlock" style=" opacity:0;">
	<div class="bgMusic" onclick="playOrPaused(this);" id="bgMusicBlock">
        <img src="images/bgMusic.png" class="bgMusic-img" />
        <audio src="other/music.mp3" loop autoplay="autoplay" id="bgMusicActionStop"></audio>
    </div>
    <img src="images/music.gif" class="music-bg" />
    <!--end bgMusic-->
    
    <img src="images/swipe.png" class="upArrow" />
     <div class="demo">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><i style="background-image:url(images/00.jpg)"></i></div>
            <div class="swiper-slide"><i style="background-image:url(images/01.jpg)"></i></div>
            <div class="swiper-slide"><i style="background-image:url(images/02.jpg)"></i></div>
            <div class="swiper-slide"><i style="background-image:url(images/03.jpg)"></i></div>
            <div class="swiper-slide"><i style="background-image:url(images/04.jpg)"></i></div>
            <div class="swiper-slide"><i style="background-image:url(images/05.jpg)"></i></div>
            <div class="swiper-slide"><i style="background-image:url(images/06.jpg)"></i></div>
            <div class="swiper-slide"><i style="background-image:url(images/07.jpg)"></i></div>
            <div class="swiper-slide"><i style="background-image:url(images/08.jpg)"></i></div>
        </div>
    </div>
    <!--end demo-->
</div>
<!--end bodyBlock-->
<img src="images/1.jpg" style="position:fixed;top:left:0;z-index:-2;width:100%;opacity:0;" id="hideImg" />
<input type="hidden" id="hfTitle"  value='国酒茅台溯源之旅'/>
<input type="hidden" id="hfDesc" value='' />
<input type="hidden" id="hfImg_Url" value=""  />
<input type="hidden" id="hfLink" value="http://wap.df315.cn/webDemo/wzz/sy/index.html" runat="server" />
<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="js/idangerous.swiper.js"></script>
<script type="text/javascript" src="js/idangerous.swiper.progress.js"></script>
<script type="text/javascript" src="js/autoBrowser.js"></script>
<script type="text/javascript" src="js/music.base.js"></script>
<script type="text/javascript" src="js/Share.js"></script> 
<script>
var imgWidth,bodyHeight,sign;

//验证手机号码是否正确
function validatemobile(mobile)
{
	var myreg = /^0?1[3|4|5|8][0-9]\d{8}$/;
	if(mobile.length==0)
	{
	   alert('请输入手机号码！');
	   sign = false;
	   return false;
	}else if(mobile.length!=11)
	{
		alert('请输入有效的手机号码！');
		sign = false;
		return false;
	}else if(!myreg.test(mobile))
	{
		alert('请输入有效的手机号码！');
		sign = false;
		return false;
	}else{
		return true;
	}
}

//点击按钮进行表单验证
function submitForm(){
	var companyName = $.trim($("#companyName").val());
	var userName = $.trim($("#userName").val());
	var tel = $.trim($("#tel").val());
	var post = $.trim($("#post").val());
	sign = true;
	if(companyName == ""){
		alert("请输入公司名称");
		sign = false;
		return false;
	}else if(userName == ""){
		alert("请输入姓名");
		sign = false;
		return false;
	}else if(tel == ""){
		alert("请输入电话");
		sign = false;
		return false;
	}else if(post == ""){
		alert("请输入职务");
		sign = false;
		return false;
	}else{
		validatemobile(tel);
	}
	if(sign == true){
		alert("感谢您的参与！");
	}
}

//长按扫描按钮
//var oDiv=document.getElementById('div1'); 
//function touches(ev){ 
//	if(ev.touches.length==1){ 
//		switch(ev.type){ 
//			case 'touchstart': 
//				$(".finger_line").show();
//				$(".Start-zhiwen-info").show();
//				$(".finger_line").animate({'bottom':'85px'},1000,function(){
//					$(".Start-zhiwen-info").html("扫描完成");
//					$(".Start").fadeOut(1500,function(){
//						$(".bodyBlock").css("opacity","1");
//					});
//				});
//				break;                  
//		} 
//	} 
//} 
//oDiv.addEventListener('touchstart',touches,false);  

//页面加载完成后
window.onload = function(){	
	$("#loading").hide();
//	$(".Start").css("opacity","1");
	$(".bodyBlock").css("opacity","1");
	$("body").css("background","#000");
	 bodyHeight = $(window).height();
	$(".demo,.swiper-slide i,.Start").height(bodyHeight);
	if(bodyHeight<=480){
		$(".signUp").addClass("signUpS")
	};
	
	//初始化图片滚动
	var mySwiper = new Swiper('.demo',{
		mode : 'vertical',  //垂直滑动
		mousewheelControl :true,  //鼠标滚轮滑动
		grabCursor : true,  //触控变手
		progress:true,
		loop : true,
		onProgressChange: function(swiper){
			for (var i = 0; i < swiper.slides.length; i++){
				var slide = swiper.slides[i];
				var progress = slide.progress;
				var scale, translate, opacity;
				if (progress<=0) {
					scale = 1 - Math.min(Math.abs(progress/2),1);
					translate = progress*swiper.width;  
				}
				else {;
					scale=1;
					translate=0; 
				}
				swiper.setTransform(slide,'translate3d(0,'+(translate)+'px,0) scale('+scale+')');
			}
		},
		onTouchStart:function(swiper){
			for (var i = 0; i < swiper.slides.length; i++){
				swiper.setTransition(swiper.slides[i], 0);
			}
		},
		onSetWrapperTransition: function(swiper, speed) {
			for (var i = 0; i < swiper.slides.length; i++){
				swiper.setTransition(swiper.slides[i], speed);
			}
		},
		onSlideChangeEnd : function(){
			$(".gesture").remove();
		}
	});
	for (var i = 0; i < mySwiper.slides.length; i++){
		mySwiper.slides[i].style.zIndex = mySwiper.slides.length - i;
	}
	
	//初始化音乐
	var a = document.getElementById('bgMusicActionStop');
	var audio = globalCreateAudioPlayer();
	audio.init(a, true);
	$("#bgMusicBlock").click(function () {
		var played = audio.playOrPause();
		if (played) {
			$(".bgMusic").find("img").attr("src", "images/bgMusic.png");
			$(".bgMusic").find("img").addClass("bgMusic-img");
			$(".music-bg").show();
		}else{
			$(".bgMusic").find("img").attr("src", "images/bgMusic_close.png");
			$(".bgMusic").find("img").removeClass("bgMusic-img");
			$(".music-bg").hide();
		}
	});
    $("#bgMusicActionStop").attr("src","other/music.mp3?v="+ new Date().getTime());
}
$.ajaxSetup ({
    cache: false //设置成false将不会从浏览器缓存读取信息
});
</script> 
</body>
</html>
